<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1">
    <!--css-->
    <link href="../../public/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="../../approval/css/currencyStyle.css" rel="stylesheet" type="text/css">
    <link href="../logCss/createLogModel.css" rel="stylesheet" type="text/css">
    <!--js-->
    <script src="../../public/jQuery/jQuery-2.1.3.min.js"></script>
    <script src="../../public/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../public/js/publicjs.js"></script>
    <script src="../logJs/createLM.js"></script>
    <title>创建模板</title>
</head>
<body class="body_bgcolor">
<div class="create_model">
    <div id="log_navbar">
        <div id="log_back" class="col-xs-3">
            <img src="../../vote/img/btn-return.png" class="back_icon">
            返回
        </div>
        <div class="col-xs-6">创建模板</div>
    </div>

    <div class="down_navbar_div">
        <!--加载转圈圈-->
        <img class="loading" src='../../approval/approvalImg/loading.gif'>

        <div class="show_hide" style="width: 100%;height: auto">
            <!--输入模板名称-->
            <div class="model_name_big">
                <div class='input-group input-group-sm grey_model_name_big'>
                    <div class='model_name_text col-xs-3'>模板名称</div>
                    <div class="col-xs-9">
                        <input type="text" class="model_name_input" placeholder="请填写模板名称(最多8个字)" maxlength="8">
                    </div>
                </div>
            </div>
            <!--自定义条-->
            <div class="grey_cell">
                自定义
            </div>

            <div style="width: 100%;height: auto">
                <div class="add_field_bigest">

                </div>
                <div class="add_field">
                    <img src="../logImg/greenAdd.png" class="cross_pic">
                    <span class="add_field_text">添加字段</span>
                </div>
            </div>

            <!--模块图标选择-->
            <div class="grey_cell">
                模块图标选择
            </div>
            <div class="model_icon_choice_big">
                <div class="model_icon_choice_mid">
                    <!--以下为6个图标-->
                    <div class="col-xs-2">
                        <img src="../logImg/1.png" class="model_icon_pic">
                        <img src="../logImg/roundReact2.png" class="rounded_Rectangle">
                    </div>
                    <div class="col-xs-2">
                        <img src="../logImg/7.png" class="model_icon_pic">
                        <img src="../logImg/roundReact2.png" class="rounded_Rectangle">
                    </div>
                    <div class="col-xs-2">
                        <img src="../logImg/bluePlaneBlank.png" class="model_icon_pic">
                        <img src="../logImg/roundReact2.png" class="rounded_Rectangle">
                    </div>
                    <div class="col-xs-2">
                        <img src="../logImg/text.png" class="model_icon_pic">
                        <img src="../logImg/roundReact2.png" class="rounded_Rectangle">
                    </div>
                    <div class="col-xs-2">
                        <img src="../logImg/location.png" class="model_icon_pic model_icon_pic5">
                        <img src="../logImg/roundReact2.png" class="rounded_Rectangle">
                    </div>
                    <div class="col-xs-2">
                        <img src="../logImg/30.png" class="model_icon_pic">
                        <img src="../logImg/roundReact2.png" class="rounded_Rectangle">
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!--最后的保存部分-->
    <div class="bottom_save_big">
        <div class="bottom_save_mid">
            保存模板
        </div>
    </div>

    <div class="call_back_success">

    </div>
</div>

<div class="choice_modelType">
    <!--导航条-->
    <div id="log_navbar_choice">
        <div id="log_back_choice" class="col-xs-3">
            <img src="../../vote/img/btn-return.png" class="back_icon">
            返回
        </div>
        <div class="col-xs-6" style="text-align: center">创建模板</div>

    </div>

    <div class="down_navbar_div" style="margin-bottom: 46.62375vh">
        <div class="grey_div">
            编辑字段属性:  模板名称
        </div>
        <div class="needOrNot_big">
            <span class="needOrNot_text">是否必填:</span>
            <img src="" class="needOrNot_btn">
        </div>

        <!--字段选择-->
        <div class="grey_div">
            字段选择
        </div>
        <div style="height: auto;width: 100%;float: left">
            <!--文本型-->
            <div class="field_big" id="text_big" choice_type="0">
                <div class="left_tick">
                    <img src="../logImg/tick.png" id="text_type" class="left_tick_pic">
                </div>
                <div class="right_text_big">
                    <div class="right_text_up">文本型</div>
                    <div class="right_text_down">
                        选择此项可填写文字内容
                    </div>
                </div>
            </div>
            <!--数字型-->
            <div class="field_big" id="num_big" choice_type="1">
                <div class="left_tick">
                    <img src="../logImg/tick.png" id="num_type" class="left_tick_pic">
                </div>
                <div class="right_text_big">
                    <div class="right_text_up">数字型</div>
                    <div class="right_text_down">
                        选择此项只能填写数字
                    </div>
                </div>
            </div>
            <!--下拉选择项-->
            <div class="select_bigest">
                <div class="field_big" id="select_big" choice_type="2">
                    <div class="left_tick">
                        <img src="../logImg/tick.png" id="select_type" class="left_tick_pic">
                    </div>
                    <div class="right_text_big">
                        <div class="right_text_up">下拉选择项</div>
                        <div class="right_text_down">
                            选择此项只能选择下拉备选项中的内容
                        </div>
                    </div>
                </div>
                <div class="add_option_bigest">
                    <div class="option_content">

                    </div>
                    <div class="add_option_text">
                        <div class="left_tick_add">
                            <img src="../logImg/greenAdd.png" class="left_tick_pic_add">
                        </div>
                        <div class="right_text_big_add">
                            添加备选项
                        </div>
                    </div>
                </div>
            </div>
            <!--日期型-->
            <div class="time_bigest" >
                <div class="field_big" id="date_big" choice_type="3">
                    <div class="left_tick">
                        <img src="../logImg/tick.png" id="date_type" class="left_tick_pic">
                    </div>
                    <div class="right_text_big">
                        <div class="right_text_up">日期型</div>
                        <div class="right_text_down">
                            选择此项只能选择时间/日期
                        </div>
                    </div>
                </div>
                <div class="three_time_bigest" choice_type="3">
                    <div class="three_time_mid">
                        <div class="left_tick_o">
                            <img src="../../approval/approvalImg/choice_round.png" id="1" class="left_tick_pic_o">
                        </div>
                        <div class="right_text_big_o">
                            日期-时间&nbsp;(例:&nbsp;2016-10-12 12:30)
                        </div>
                    </div>
                    <div class="three_time_mid" choice_type="4">
                        <div class="left_tick_o">
                            <img src="../../approval/approvalImg/unchoice_round.png" id="2" class="left_tick_pic_o">
                        </div>
                        <div class="right_text_big_o">
                            仅日期&nbsp;(例:&nbsp;2016-10-12)
                        </div>
                    </div>
                    <div class="three_time_mid" choice_type="5">
                        <div class="left_tick_o">
                            <img src="../../approval/approvalImg/unchoice_round.png" id="3" class="left_tick_pic_o">
                        </div>
                        <div class="right_text_big_o">
                            仅时间&nbsp;(例:&nbsp;12:30)
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="call_back_success2">

        </div>
    </div>

    <!--最后的保存部分-->
    <div class="bottom_save_big">
        <div class="bottom_save_mid2">
            保存字段类型
        </div>
    </div>
</div>

<iframe src="../../approval/html/tokenTips.html" class="token_iframe"></iframe>
</body>
</html>